<div class="main">
  <div class="main-header">
    <div class="pa-icon-div pull-left fs-14">
      <i class="iconfont icon-shouye fs-14 icon-vertical-top"></i>
      <span class="fs-vertical-middle">内业>船机设备>
        <span class="fs-theme-color">设备编码规则</span>
      </span>
    </div>
  </div>
  <div class="main-content code-rules">
    <div class="container-header">
      <span>设备编码规则</span>
    </div>
    <div class="container-brief">
      <p class="title-brief">施工机具编码共11位，如下所示5个部分，A部分两位数代表自有设备或租赁设备，B部分两位数代表特种设备、关键设备、主要设备或一般设备，C部分两位数代表各设备的使用部位，D部分两位数代表各设备的具体名称，E部分三位数代表具体的顺序编号。</p>
      <table class="fs-theme-color table-brief">
        <thead>
          <tr>
            <th>XX</th>
            <th>XX</th>
            <th>XX</th>
            <th>XX</th>
            <th>XXX</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td ng-repeat="key in ['A', 'B', 'C', 'D' , 'E']">{{key}}</td>
          </tr>
        </tbody>
      </table>
      <div class="rule-map">
        <div class="rule-category" ng-repeat="(key, items) in vm.ruleMap">
          <div class="rule-key">
            <code>{{key}}</code>
            <i class="middle-helper"></i>
          </div>
          <div class="rule-items">
            <div class="rule-item" ng-if="key !=='E'" ng-repeat="item in items">
              <code>{{item.code}}</code>
              <p>{{item.name}}</p>
            </div>
              <div class="rule-item" ng-if="key ==='E'">
                  <p>{{items}}</p>
              </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>